<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/static/plugin/easyUI/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/plugin/easyUI/themes/icon.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/public.css">
    <script type="text/javascript" src="/static/plugin/easyUI/jquery.min.js"></script>
    <script type="text/javascript" src="/static/plugin/easyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/plugin/easyUI/locale/easyui-lang-zh_CN.js"></script>
    <script>
        $(function () {
            $("#index_tree").tree({
                animate:true,
                lines:true,
                url:"/static/data/tree.json",
                onClick:function (node) {
                    //是否有url,判断是否根节点
                    if (node.url) {
                        var flag = $("#index_tabs").tabs("exists",node.text);
                        //tabs中是否已经有当前点击的页签
                        if (flag) {
                            $("#index_tabs").tabs("select",node.text);
                        }else {
                            $("#index_tabs").tabs("add",{
                                title:node.text,
                                closable:true,
                                //href:node.url
                                //用content里面的iframe标签,才能将js也引入进来
                                content:"<iframe src='"+node.url+"' height='100%' width='100%' frameborder='0'></iframe>"
                            });
                        }
                    }
                }
            })
        });
    </script>
</head>
<body>
<div id="cc" class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north'" style="height: 70px;">
        <%--<h1 align="center">叩丁狼教育管理系统</h1>--%>
            <div class="public-header-warrp">
                <div class="public-header">
                    <div class="content">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img  src="/static/images/logo.png"/>
                        <div class="public-header-admin fr">
                            <p class="admin-name"><font  color ="green">您好！</font> </p>
                            <div class="public-header-fun fr">
                                <a href="/logout.do" class="public-header-loginout">安全退出</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
    <div data-options="region:'south'" style="height: 40px;">
        <p align="center">版权所有:狼码科技教育有线公司</p>
    </div>
    <div data-options="region:'west',split:true" style="width: 125px;">
        <div id="aa" class="easyui-accordin" data-options="first:true">
            <div title="系统管理">
                <ul id="index_tree"></ul>
            </div>
            <div title="待办事项"></div>
            <div title="公司公告"></div>
        </div>
    </div>
    <div data-options="region:'center'">
        <div id="index_tabs" class="easyui-tabs" data-options="fit:true,border:false,narrow:true">
            <div title="欢迎登录" style="padding: 20px;display: none;">
                系统首页,欢迎您登录
            </div>
        </div>
    </div>
</div>
</body>
</html>